<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="c_jstl"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>常见FAQ</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

<!-- CSS
  ================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/screen.css">
<link rel="stylesheet" href="css/mediaelementplayer.css" />
<!--[if IE 7]>
        <link rel="stylesheet" href="stylesheets/ie7.css">
    <![endif]-->

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
    href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
    href="images/apple-touch-icon-114x114.png">

<!-- Fonts
    ================================================== -->
<link
    href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic'
    rel='stylesheet' type='text/css'>

<!-- Scripts
    ================================================== -->
<script src="js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
<script src="js/ddsmoothmenu.js" type="text/javascript"></script>
<script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="js/screen.js" type="text/javascript"></script>

</head>

<body>

    <!-- Site Backgrounds
    ================================================== -->

    <!-- Change to class="poswrapheaderline wide" and class="headerline full" for a full-width header line -->
    <div class="poswrapheaderline">
        <div class="headerline"></div>
    </div>
    <!-- Remove or uncomment depending on if you want a background image or tile -->
    <div class="tiledbackground"></div>
    <!--img src="images/bg.jpg" alt="" id="background" /-->
    <!-- Change to class="poswrapper wide" and class="whitebackground full" for a full-width site background -->
    <div class="poswrapper">
        <div class="whitebackground"></div>
    </div>

    <div class="container main portfolio4column">

        <!-- Header | Logo, Menu
    ================================================== -->
        <jsp:include page="head.jsp" />

        <!-- Page Title
	================================================== -->

        <div class="pagetitle">
            <div class="pagetitleholder">
                <h1>常见FAQ</h1>
            </div>
            <div class="socialholder">
                <ul class="socialicons">
                    <c:choose>
                        <c:when test="${!empty user}">
                            <li>Hi!</li>
                            <li><a
                                href="UserInfo?id=${user.getID() }">${user.getID()
                                    }</a></li>
                        </c:when>
                        <c:otherwise>
                            <li><a href="login.jsp" class="linkbg">登陆</a></li>
                            <li><a href="regist.jsp" class="linkbg">注册</a></li>
                        </c:otherwise>
                    </c:choose>
                </ul>
            </div>
        </div>

        <!-- Body Content
    ================================================== -->
        <div class="sixteen columns row textblock">

            <!-- 3 column -->
            <div class="one_third">
                <h3>
                    <strong><em>是否遇到问题，需要帮助？<br />请看这里！
                    </em></strong>
                </h3>
            </div>
            <div class="one_third">
                <p>我们会定时把用户在使用过程中遇见的常见问题加以整理放到该页，
                    如果您在使用的过程中遇到任何问题都可以先在该页查找相关信息，
                    如果该页的信息对您没有帮助，您也可以联系我们的工作人员获得解答。</p>
                <p>谢谢您的支持，您的支持是我们前进的巨大动力！</p>
            </div>
            <div class="one_third lastcolumn">
                <div class="scalevid" style="margin-bottom: 30px;">
                    <iframe
                        src="http://www.youtube.com/embed/KrRt46Ht_A0?hd=1&amp;wmode=opaque&amp;controls=1&amp;showinfo=0"
                        width="460" height="259"></iframe>
                </div>
            </div>
            <div class="clear"></div>

            <!-- Accordion -->
            <ul class="accordion">
                <li class="accordion-item">
                    <div class="toggleswitch">
                        <div class="togglegfx"></div>
                        怎么有的功能我不能使用?
                    </div>
                    <div class="togglecontent">
                        <p>
                            本网站的部分功能暂时只对已注册的用户开放，如果您已经注册过账号，前点击 <a
                                href="login.jsp">登录</a>.<br />如果您还未注册，我们强烈建议您<a
                                href="regist.jsp">注册成我们的一员</a>，然后登录网站以获得更好的体验。
                        </p>
                    </div>
                </li>
                <li class="accordion-item">
                    <div class="toggleswitch">
                        <div class="togglegfx"></div>
                        什么是景点认证？
                    </div>
                    <div class="togglecontent">
                        <p>
                            景点认证是我们对手机用户单独推出的一项特色功能，通常当我们到过某景点后，总想留下一些自己的足迹给后来人。
                            为了不破坏景点的公共设施，您可以使用该功能在在景点留下你独有的标记，让后来人瞻仰您旅游达人的风采！
                            该功能仅对手机用户开放，如果您还未安装我们的手机客户端，请点击<a href="#">这里</a>。
                        </p>
                    </div>
                </li>
                <li class="accordion-item">
                    <div class="toggleswitch">
                        <div class="togglegfx"></div>
                        什么是组队和邀请？
                    </div>
                    <div class="togglecontent">
                        <p>组队和邀请是我们针对多人用户提供的一项功能，如果您想和朋友一起去旅行，
                            您可以向您的好友发起组队申请，好友同意后，你们就能结伴出游了。</p>
                    </div>
                </li>
                <li class="accordion-item">
                    <div class="toggleswitch">
                        <div class="togglegfx"></div>
                        未找到满意的答案？
                    </div>
                    <div class="togglecontent">
                        <p>
                            如果您未找到满意的答案或者有更好的建议，都可以请联系我们的工作人员。请点击<a
                                href="#">这里</a>。
                        </p>
                    </div>
                </li>
            </ul>

            <div class="clear"></div>
        </div>

        <!-- Bottom Padding Adjust
    ================================================== -->
        <div class="sixteen columns bottomadjust"></div>

    </div>
    <!-- container -->

    <!-- Footer
    ================================================== -->
    <jsp:include page="foot.jsp" />
    <!-- End Document
	================================================== -->
    <div style="display: none">
        <script
            src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
            language='JavaScript' charset='gb2312'></script>
    </div>
</body>
</html>